<!doctype html>
<html lang="en">
  <head>
	<meta name="generator" content="Hugo 0.85.0" />
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Test Website</title><link rel="apple-touch-icon" href="/images/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/images/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/images/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/images/favicons/manifest.json">
<link rel="icon" href="/images/favicons/favicon.ico">
<meta name="description" content="An extreme fast, responsive and feature-rich blog theme for Hugo" /><meta itemprop="name" content="Test Website">
<meta itemprop="description" content="An extreme fast, responsive and feature-rich blog theme for Hugo"><meta property="og:title" content="Test Website" />
<meta property="og:description" content="An extreme fast, responsive and feature-rich blog theme for Hugo" />
<meta property="og:type" content="website" />
<meta property="og:url" content="/en/" />

<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Test Website"/>
<meta name="twitter:description" content="An extreme fast, responsive and feature-rich blog theme for Hugo"/>
<meta name="twitter:site" content="@yourtwitterusername"/>
<link rel="alternate" type="application/rss+xml" href="/en/index.xml" title="Test Website" /><meta data-name="palette" content="blue"><link rel=stylesheet href="/css/bundle.min.ce383e7297312216c2d2ced30574d5a9ae83c451db9f064a454509955ae2462d.css" integrity="sha256-zjg&#43;cpcxIhbC0s7TBXTVqa6DxFHbnwZKRUUJlVriRi0=" crossorigin="anonymous"><script src="/js/bundle.min.085e2b3daf5abc69b1d0966d1407f9762a6297b998b74fa898adeaa1c552e7f1.js" integrity="sha256-CF4rPa9avGmx0JZtFAf5dipil7mYt0&#43;omK3qocVS5/E=" crossorigin="anonymous"></script>
</head><body><header><nav class="navbar navbar-expand-xl fixed-top">
  <div class="container">
    <a class="navbar-brand active" href="/en/">
      <img class="logo" alt="Logo" src="/images/logo.webp" loading="lazy">BOOTSTRAP</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav me-1 mb-2 mb-lg-0"><form class="search-bar d-flex ms-1" action="/en/search">
  <div class="input-group input-group-sm">
    <button class="btn btn-search disabled position-absolute left-0" type="submit"><i class="fas fa-fw fa-search"></i></button>
    <input class="form-control rounded-pill" id="searchQuery" name="q" type="search" aria-label="Search">
  </div>
</form></ul><ul class="navbar-nav me-1 mb-2 mb-lg-0 me-1 ms-auto"><li class="nav-item">
          <a class="nav-link" href="/en/archives">
            <i class="fas fa-fw fa-file-archive"></i>Archives
          </a>
        </li><li class="nav-item">
          <a class="nav-link" href="/en/categories">
            <i class="fas fa-fw fa-folder"></i>Categories
          </a>
        </li><li class="nav-item">
          <a class="nav-link" href="/en/tags">
            <i class="fas fa-fw fa-tags"></i>Tags
          </a>
        </li><li class="nav-item">
          <a class="nav-link" href="/en/series">
            <i class="fas fa-fw fa-columns"></i>Series
          </a>
        </li><li class="nav-item dropdown">
          <a class="nav-link" id="navbarDropdown-dropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
            <i class="fas fa-fw fa-chevron-circle-down"></i>Dropdown
          </a>
          <ul class="dropdown-menu" aria-labelledby="navbarDropdown-dropdown"><li>
              <a class="dropdown-item"
                href="https://github.com/razonyang/hugo-theme-bootstrap" target="_blank">
                <i class="fab fa-fw fa-github"></i>Github
              </a>
            </li></ul>
        </li><li class="nav-item">
  <a class="nav-link" data-bs-toggle="offcanvas" href="#offcanvasSettings" role="button"
    aria-controls="offcanvasSettings">
    <i class="fas fa-fw fa-sliders-h"></i> Settings
  </a>
</li>

<div class="offcanvas offcanvas-end surface h-100" tabindex="-1" id="offcanvasSettings"
  aria-labelledby="offcanvasSettingsLabel">
  <div class="offcanvas-header">
    <h5 class="offcanvas-title" w id="offcanvasSettingsLabel"><i class="fas fa-fw fa-sliders-h"></i> Settings</h5>
    <a role="button" data-bs-dismiss="offcanvas" aria-label="Close">
      <span class="fas fa-2x fa-fw fa-times"></span>
    </a>
  </div>
  <div class="offcanvas-body"><section class="setting">
  <form class="row">
    <div class="col-auto">
      <label><i class="fas fa-fw fa-adjust"></i> Mode</label>
    </div>
    <div class="col-auto ms-auto">
      <div class="form-check form-switch">
        <input class="form-check-input" type="checkbox" id="modeSwitcher">
      </div>
    </div>
  </form>
</section><section class="setting">
  <form class="row">
    <div class="col-auto">
      <label><i class="fas fa-fw fa-language"></i> Language</label>
    </div>
    <div class="col-auto ms-auto">
      <select class="form-select form-select-sm language-picker" aria-label="Language dropdown" onchange="window.location = this.value;">
          <option value="/en/" selected>English</option><option value="/zh-tw/">繁體中文</option><option value="/zh-cn/">简体中文</option></select>
    </div>
  </form>
</section>
<section class="setting">
  <form class="font-size-switcher-form row">
    <div class="col-auto">
      <label for="fontSize" class="form-label"><i class="fas fa-fw fa-font"></i> Font Size</label>
    </div>
    <div class="col-auto ms-auto">
      <input type="range" class="form-range" min="-2" max="2" id="fontSize">
    </div>
  </form>
</section>

<section class="setting palettes">
  <form class="row">
    <div class="col-auto">
      <label><i class="fas fa-fw fa-palette"></i> Palette</label>
    </div>
    <div class="col-auto ms-auto">
      <span id="btnPalette" class="btn btn-sm"><i class="fas fa-eye-dropper"></i></span>
    </div>
  </form>
  <div class="container mt-2 visually-hidden" id="palettePicker">
    <div class="btn-group"><button type="button" id="palette-blue" title="Blue" 
          class="btn btn-sm palette bg-blue d-flex align-items-center justify-content-center">
        </button><button type="button" id="palette-blue-gray" title="Blue Gray" 
          class="btn btn-sm palette bg-blue-gray d-flex align-items-center justify-content-center">
        </button><button type="button" id="palette-brown" title="Brown" 
          class="btn btn-sm palette bg-brown d-flex align-items-center justify-content-center">
        </button><button type="button" id="palette-cyan" title="Cyan" 
          class="btn btn-sm palette bg-cyan d-flex align-items-center justify-content-center">
        </button><button type="button" id="palette-green" title="Green" 
          class="btn btn-sm palette bg-green d-flex align-items-center justify-content-center">
        </button><button type="button" id="palette-indigo" title="Indigo" 
          class="btn btn-sm palette bg-indigo d-flex align-items-center justify-content-center">
        </button><button type="button" id="palette-orange" title="Orange" 
          class="btn btn-sm palette bg-orange d-flex align-items-center justify-content-center">
        </button><button type="button" id="palette-pink" title="Pink" 
          class="btn btn-sm palette bg-pink d-flex align-items-center justify-content-center">
        </button><button type="button" id="palette-purple" title="Purple" 
          class="btn btn-sm palette bg-purple d-flex align-items-center justify-content-center">
        </button><button type="button" id="palette-red" title="Red" 
          class="btn btn-sm palette bg-red d-flex align-items-center justify-content-center">
        </button><button type="button" id="palette-teal" title="Teal" 
          class="btn btn-sm palette bg-teal d-flex align-items-center justify-content-center">
        </button><button type="button" id="palette-yellow" title="Yellow" 
          class="btn btn-sm palette bg-yellow d-flex align-items-center justify-content-center">
        </button></button>
    </div>
  </div>
</section></div>
</div></ul>
    </div>
  </div>
</nav>
</header>
<main role="main" class="container">
      <div class="row content">
<div class="col-lg-8">
  <div class="container"><div class="posts mb-4"><article class="post row surface"><div class="post-thumbnail col-md-3 d-flex align-items-center justify-content-center">
        <img class="img-fluid" src="/images/markdown.png" loading="lazy"/>
      </div><div class="post-body col-md-9">
        <h2 class="post-title mb-4"><a href="/en/posts/markdown-syntax/">Markdown Syntax Guide</a></h2><div class="post-meta mb-3">
  <span class="post-date me-2">
    <i class="fas fa-fw fa-calendar-alt"></i>Nov 9, 2020
  </span>
  <span class="post-reading-time me-2">
    <i class="fas fa-fw fa-coffee"></i>3 min read
  </span>
<a href="/en/series/user-manual/" class="post-taxonomy">#User Manual</a><a href="/en/tags/markdown/" class="post-taxonomy">#Markdown</a><a href="/en/tags/css/" class="post-taxonomy">#CSS</a><a href="/en/tags/html/" class="post-taxonomy">#HTML</a></div>
<div class="post-summary mb-3"><p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.</p></div>
      </div>
    </article><article class="post row surface"><div class="post-body">
        <h2 class="post-title mb-4"><a href="/en/posts/shortcodes/alert/">Alert Shortcode</a></h2><div class="post-meta mb-3">
  <span class="post-date me-2">
    <i class="fas fa-fw fa-calendar-alt"></i>Oct 22, 2020
  </span>
  <span class="post-reading-time me-2">
    <i class="fas fa-fw fa-coffee"></i>1 min read
  </span>
<div class="post-translations nav-item dropdown me-2 d-inline-flex">
  <a class="nav-link p-0" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
    <i class="fas fa-fw fa-language me-1"></i>English
  </a>
  <div class="dropdown-menu"><a class="dropdown-item post-translation" href="/zh-tw/posts/shortcodes/alert/">繁體中文</a><a class="dropdown-item post-translation" href="/zh-cn/posts/shortcodes/alert/">简体中文</a></div>
</div>

<a href="/en/categories/shortcode/" class="post-taxonomy">#Shortcode</a><a href="/en/series/user-manual/" class="post-taxonomy">#User Manual</a><a href="/en/tags/alert/" class="post-taxonomy">#Alert</a></div>
<div class="post-summary mb-3"><p>This article shows how to use the <code>alert</code> shortcode.</p></div>
      </div>
    </article><article class="post row surface"><div class="post-body">
        <h2 class="post-title mb-4"><a href="/en/posts/shortcodes/bilibili/">Bilibili Video Shortcode</a></h2><div class="post-meta mb-3">
  <span class="post-date me-2">
    <i class="fas fa-fw fa-calendar-alt"></i>Oct 22, 2020
  </span>
  <span class="post-reading-time me-2">
    <i class="fas fa-fw fa-coffee"></i>1 min read
  </span>
<div class="post-translations nav-item dropdown me-2 d-inline-flex">
  <a class="nav-link p-0" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
    <i class="fas fa-fw fa-language me-1"></i>English
  </a>
  <div class="dropdown-menu"><a class="dropdown-item post-translation" href="/zh-tw/posts/shortcodes/bilibili/">繁體中文</a><a class="dropdown-item post-translation" href="/zh-cn/posts/shortcodes/bilibili/">简体中文</a></div>
</div>

<a href="/en/categories/shortcode/" class="post-taxonomy">#Shortcode</a><a href="/en/tags/bilibili/" class="post-taxonomy">#Bilibili</a></div>
<div class="post-summary mb-3"><p>A detailed description of Bilibili video shortcode.</p></div>
      </div>
    </article><article class="post row surface"><div class="post-body">
        <h2 class="post-title mb-4"><a href="/en/posts/shortcodes/codepen/">CodePen Shortcode</a></h2><div class="post-meta mb-3">
  <span class="post-date me-2">
    <i class="fas fa-fw fa-calendar-alt"></i>Oct 22, 2020
  </span>
  <span class="post-reading-time me-2">
    <i class="fas fa-fw fa-coffee"></i>1 min read
  </span>
<div class="post-translations nav-item dropdown me-2 d-inline-flex">
  <a class="nav-link p-0" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
    <i class="fas fa-fw fa-language me-1"></i>English
  </a>
  <div class="dropdown-menu"><a class="dropdown-item post-translation" href="/zh-tw/posts/shortcodes/codepen/">繁體中文</a><a class="dropdown-item post-translation" href="/zh-cn/posts/shortcodes/codepen/">简体中文</a></div>
</div>

<a href="/en/categories/shortcode/" class="post-taxonomy">#Shortcode</a><a href="/en/tags/codepen/" class="post-taxonomy">#CodePen</a></div>
<div class="post-summary mb-3"><p>A detailed description of CodePen shortcode.</p></div>
      </div>
    </article><article class="post row surface"><div class="post-body">
        <h2 class="post-title mb-4"><a href="/en/posts/shortcodes/iqiyi/">iQIYI Video Shortcode</a></h2><div class="post-meta mb-3">
  <span class="post-date me-2">
    <i class="fas fa-fw fa-calendar-alt"></i>Oct 22, 2020
  </span>
  <span class="post-reading-time me-2">
    <i class="fas fa-fw fa-coffee"></i>1 min read
  </span>
<div class="post-translations nav-item dropdown me-2 d-inline-flex">
  <a class="nav-link p-0" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
    <i class="fas fa-fw fa-language me-1"></i>English
  </a>
  <div class="dropdown-menu"><a class="dropdown-item post-translation" href="/zh-tw/posts/shortcodes/iqiyi/">繁體中文</a><a class="dropdown-item post-translation" href="/zh-cn/posts/shortcodes/iqiyi/">简体中文</a></div>
</div>

<a href="/en/categories/shortcode/" class="post-taxonomy">#Shortcode</a><a href="/en/tags/iqiyi/" class="post-taxonomy">#iQIYI</a></div>
<div class="post-summary mb-3"><p>A detailed description of iQIYI Video shortcode.</p></div>
      </div>
    </article></div><div class="row table-responsive mb-3">
    <ul class="pagination pagination-default">
      <li class="page-item disabled">
        <a href="#" aria-disabled="true" aria-label="First" class="page-link" role="button" tabindex="-1"><span aria-hidden="true">&laquo;&laquo;</span></a>
      </li>
      <li class="page-item disabled">
        <a href="#" aria-disabled="true" aria-label="Previous" class="page-link" role="button" tabindex="-1"><span aria-hidden="true">&laquo;</span></a>
      </li>
      <li class="page-item active">
        <a href="#" aria-current="page" aria-label="Page 1" class="page-link" role="button">1</a>
      </li>
      <li class="page-item">
        <a href="/en/page/2/" aria-label="Page 2" class="page-link" role="button">2</a>
      </li>
      <li class="page-item">
        <a href="/en/page/3/" aria-label="Page 3" class="page-link" role="button">3</a>
      </li>
      <li class="page-item">
        <a href="/en/page/2/" aria-label="Next" class="page-link" role="button"><span aria-hidden="true">&raquo;</span></a>
      </li>
      <li class="page-item">
        <a href="/en/page/3/" aria-label="Last" class="page-link" role="button"><span aria-hidden="true">&raquo;&raquo;</span></a>
      </li>
    </ul></div>
</div>

</div><aside class="col-lg-4 sidebar d-flex">
  <div class="container"><section class="profile surface row">
  <div class="col-xl-6 d-flex align-items-center justify-content-center">
    <img class="profile-avatar img-fluid" src="/images/profile.webp" alt="Razon Yang" loading="lazy">
  </div>
  <div class="col-xl-6">
    <h5 class="profile-name my-2">Razon Yang</h5><div class="profile-bio mb-2">Gopher, PHPer, Full Stack Engineer.</div><div class="profile-company mb-2"><i class="fas fa-fw fa-building"></i>Null</div><div class="profile-location mb-2"><i class="fas fa-fw fa-map-marker-alt"></i>Earth</div><div class="profile-about mb-2"><i class="fas fa-fw fa-info-circle"></i><a href="/en/about/">About</a></div></div>
</section><section class="featured-posts row surface">
    <h4>Featured Posts</h4>
    <ul><li><a href="/en/posts/markdown-syntax/">Markdown Syntax Guide</a></li><li><a href="/en/posts/rich-content/">Rich Content</a></li></ul>
  </section><section class="recent-posts row surface">
  <h4>Recent Posts</h4>
  <ul><li><a href="/en/posts/markdown-syntax/">Markdown Syntax Guide</a></li><li><a href="/en/posts/shortcodes/alert/">Alert Shortcode</a></li><li><a href="/en/posts/shortcodes/bilibili/">Bilibili Video Shortcode</a></li><li><a href="/en/posts/shortcodes/codepen/">CodePen Shortcode</a></li><li><a href="/en/posts/shortcodes/iqiyi/">iQIYI Video Shortcode</a></li></ul>
</section><section class="taxonomy-categories row surface">
      <h4>
        <a href="/en/categories">Categories</a>
      </h4>
      <div><a href="/en/categories/shortcode/" class="post-taxonomy rounded btn btn-sm me-2 mb-2" title="Shortcode">
          Shortcode <span class="badge rounded-pill">9</span>
        </a></div>
    </section><section class="taxonomy-series row surface">
      <h4>
        <a href="/en/series">Series</a>
      </h4>
      <div><a href="/en/series/user-manual/" class="post-taxonomy rounded btn btn-sm me-2 mb-2" title="User Manual">
          User Manual <span class="badge rounded-pill">2</span>
        </a></div>
    </section><section class="taxonomy-tags row surface">
      <h4>
        <a href="/en/tags">Tags</a>
      </h4>
      <div><a href="/en/tags/markdown/" class="post-taxonomy rounded btn btn-sm me-2 mb-2" title="Markdown">
          Markdown <span class="badge rounded-pill">2</span>
        </a><a href="/en/tags/alert/" class="post-taxonomy rounded btn btn-sm me-2 mb-2" title="Alert">
          Alert <span class="badge rounded-pill">1</span>
        </a><a href="/en/tags/bilibili/" class="post-taxonomy rounded btn btn-sm me-2 mb-2" title="Bilibili">
          Bilibili <span class="badge rounded-pill">1</span>
        </a><a href="/en/tags/codepen/" class="post-taxonomy rounded btn btn-sm me-2 mb-2" title="CodePen">
          CodePen <span class="badge rounded-pill">1</span>
        </a><a href="/en/tags/css/" class="post-taxonomy rounded btn btn-sm me-2 mb-2" title="CSS">
          CSS <span class="badge rounded-pill">1</span>
        </a><a href="/en/tags/emoji/" class="post-taxonomy rounded btn btn-sm me-2 mb-2" title="Emoji">
          Emoji <span class="badge rounded-pill">1</span>
        </a><a href="/en/tags/html/" class="post-taxonomy rounded btn btn-sm me-2 mb-2" title="HTML">
          HTML <span class="badge rounded-pill">1</span>
        </a><a href="/en/tags/instagram/" class="post-taxonomy rounded btn btn-sm me-2 mb-2" title="Instagram">
          Instagram <span class="badge rounded-pill">1</span>
        </a><a href="/en/tags/iqiyi/" class="post-taxonomy rounded btn btn-sm me-2 mb-2" title="iQIYI">
          iQIYI <span class="badge rounded-pill">1</span>
        </a><a href="/en/tags/jsfiddle/" class="post-taxonomy rounded btn btn-sm me-2 mb-2" title="JSFiddle">
          JSFiddle <span class="badge rounded-pill">1</span>
        </a></div>
    </section></div>
</aside>
</div>
    </main><footer class="footer mt-auto py-3 text-center container"><nav class="social-links nav my-2 justify-content-center"><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://space.bilibili.com/yourbilibiliuserid" title="bilibili">
        <i class="fa-fw fa-2x fas fa-tv"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://bitbucket.org/yourbitbucketworkspaceid" title="Bitbucket">
        <i class="fa-fw fa-2x fab fa-bitbucket"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://hub.docker.com/u/yourdockerhubusername" title="Docker Hub">
        <i class="fa-fw fa-2x fab fa-docker"></i>
      </a>
    </li><li class="nav-item">
    <a class="nav-link social-link" href="mailto:user@domain.tld" title="Email">
      <i class="fas fa-fw fa-2x fa-envelope"></i>
    </a>
  </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://facebook.com/yourfacebookusername" title="Facebook">
        <i class="fa-fw fa-2x fab fa-facebook-f"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://github.com/yourgithubusername" title="GitHub">
        <i class="fa-fw fa-2x fab fa-github"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://gitlab.com/yourgitlabusername" title="GitLab">
        <i class="fa-fw fa-2x fab fa-gitlab"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://www.instagram.com/yourinstagramusername" title="Instagram">
        <i class="fa-fw fa-2x fab fa-instagram"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://www.last.fm/user/yourlastfmusername" title="Last.fm">
        <i class="fa-fw fa-2x fab fa-lastfm"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://linkedin.com/yourlinkedinusername" title="LinkedIn">
        <i class="fa-fw fa-2x fab fa-linkedin-in"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://medium.com/@yourmediumusername" title="Medium">
        <i class="fab fa-fw fa-2x fa-medium-m"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=yourqqnumber&amp;site=qq&amp;menu=yes" title="QQ">
        <i class="fa-fw fa-2x fab fa-qq"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://www.quora.com/profile/yourquorausername" title="Quora">
        <i class="fa-fw fa-2x fab fa-quora"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://www.reddit.com/user/yourredditusername" title="Reddit">
        <i class="fa-fw fa-2x fab fa-reddit"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://stackoverflow.com/users/yourstackoverflowuserid" title="Stack Overflow">
        <i class="fa-fw fa-2x fab fa-stack-overflow"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://t.me/yourtelegramusername" title="Telegram">
        <i class="fa-fw fa-2x fab fa-telegram-plane"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://yourtumblrusername.tumblr.com" title="Tumblr">
        <i class="fa-fw fa-2x fab fa-tumblr"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://twitter.com/yourtwitterusername" title="Twitter">
        <i class="fa-fw fa-2x fab fa-twitter"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://weibo.com/yourweibousername" title="Weibo">
        <i class="fa-fw fa-2x fab fa-weibo"></i>
      </a>
    </li><li class="nav-item">
      <a class="nav-link social-link" target="_blank" href="https://www.zhihu.com/people/yourzhihuusername" title="Zhihu">
        <i class="fa-fw fa-2x fab fa-zhihu"></i>
      </a>
    </li><li class="nav-item">
    <a class="nav-link social-link" target="_blank" href="/en/index.xml" title="RSS">
      <i class="fas fa-fw fa-2x fa-rss"></i>
    </a>
  </li></nav>
<div class="copyright mb-2">
  Copyright © 2016-2021 Dustin Huang. All Rights Reserved.
</div>
<div class="powered-by mb-2">
  Powered by <a href="https://gohugo.io" target="_blank">Hugo</a> and the <a href="https://github.com/razonyang/hugo-theme-bootstrap" target="_blank">Bootstrap</a> theme.
</div></footer>
<a id="btnScrollToTop" class="btn-scroll-to-top">
  <i class="fas fa-fw fa-chevron-circle-up fa-2x"></i>
</a>
<script async src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-60bcc43f59f2d04f"></script></body>
</html>
